<template>
	<view class="dmm-container dmm-container-grey">
		<image src="/static/imgs/icon_processing.png" mode=""></image>
		<text class="text text-content">预计2小时内到账</text>
		
		<view class="divider"></view>
		
		<view class="line">
			<text class="text text-content">转出金额</text>
			<text class="text text-b">￥{{money}}</text>
		</view>
		
		<view class="line">
			<text class="text text-content">到账银行卡</text>
			<text class="text text-b">{{agentInfo.agentBankName}}（{{agentInfo.agentBankcardNo | slice(-4)}}）</text>
		</view>
		
		<u-button type="primary" text="完成" @click="uniHistory.goBack"></u-button>
	</view>
</template>

<script>
	import {
		mapState
	} from "vuex"
	
	export default {
		data() {
			return {
				money: ''
			}
		},
	
		computed: {
			...mapState('home', ['agentInfo'])
		},
		
		onLoad(options) {
			const {money} = options
			this.money = money
		}
	}
</script>

<style lang="scss">
	.dmm-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 142rpx 45rpx 0;
		
		image {
			height: 120rpx;
			width: 120rpx;
			margin-bottom: 36rpx;
		}
		
		.divider {
			margin: 30rpx 0 20rpx;
			height: 1rpx;
			width: 610rpx;
			background-color: $u-bg-color;
		}
		
		.line {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			height: 30rpx;
			padding: 20rpx 0;
			width: 610rpx;
		}
		
		.u-button {
			margin-top: 100rpx !important;
		}
	}
</style>
